<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
  
<ui:composition template="/template/pPrincipal.xhtml">
 <ui:define name="head">
	    <title>Asesor 360</title>
</ui:define>	
<ui:define name="titulopagina">
	  	<h:outputText value="CUESTIONARIO DE PERFIL" />
</ui:define>
<ui:define name="agregaIconoExcelRe"/>
<ui:define name="agregaIconoEmail"/>
<ui:define name="agregaIconoPDFRe"/>
<ui:define name="agregaIconoEjecutivos"/>
<ui:define name="bodyarea">
  
 <input type="hidden" id="nomReporte" name="nomReporte" value="cuestionarioAlternativa"/>
 <f:event type="preRenderView" listener="#{administrarAlternativa.onPageLoad}"/> 

  <h:panelGrid width="100%" headerClass="cabeceraPanelSimple" cellspacing="0" 
       cellpadding="5" styleClass="bordePanel" columns="1"
       style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
      <f:facet name="header">  
			<h:outputText value="Información de Pregunta" />
      </f:facet>
      <p:fieldset  toggleable="true" toggleSpeed="500">
	      <h:panelGrid columns="4" width="100%" columnClasses="style10,style40,style10,style40">
				<h:outputText value="Orden:" style="align-text:right" styleClass="texto"/>
				<h:outputText value="#{administrarCuestionarioModel.ordenPregunta}" style="align-text:right"/>
				<h:outputText value="Tipo de Pregunta:" style="align-text:right" styleClass="texto"/>											
				<h:outputText value="#{administrarCuestionarioModel.tipoPregunta}" style="align-text:left"/>					
				<h:outputText value="Pregunta:" style="align-text:right" styleClass="texto"/>
				<h:outputText value="#{administrarCuestionarioModel.despregunta}" style="align-text:right"/>
				<h:outputText rendered="#{!empty administrarCuestionarioModel.escenarios}" value="Escenarios:" style="align-text:right" styleClass="texto"/>											
				<h:outputText value="#{administrarCuestionarioModel.escenarios}" id="nroEscenarios" style="align-text:right"/>											
		  </h:panelGrid>
	  </p:fieldset>
  </h:panelGrid>
  <h:panelGrid width="100%" headerClass="cabeceraPanelSimple" cellspacing="0" 
       cellpadding="5" styleClass="bordePanel" columns="1"
       style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
      <f:facet name="header">  
			<h:outputText value="Alternativas" />
      </f:facet>
      <h:panelGrid columns="1" width="100%" id="panelAlternativas">
        <h:panelGrid width="100%" columns="1" >
	     <p:dataTable id="tableAlternativas" value="#{administrarCuestionarioModel.listaAlternativas}" var="fila"
	          emptyMessage="No existe información." styleClass="styleDataTableWrapNormal"
	          rowIndexVar="rowIndex"  rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}" >
           <p:column headerText="Orden"  style="text-align:center" width="20">   
				<h:outputText value="#{fila.ORDEN}" styleClass="inputTextStrech"  />  
		   </p:column>
		   <p:column headerText="Alternativa"   >   
			    <h:outputText value="#{fila.DESCRIPCIONALTERNATIVA}" styleClass="inputTextStrech" />  
		   </p:column> 
		   <p:column headerText="Peso"  width="20" style="text-align:center" rendered="#{administrarCuestionarioModel.idSeccion.value=='2'}">   
			    <h:outputText value="#{fila.PESO}" styleClass="inputTextStrech" />
		   </p:column>
		   <p:column  style="text-align:center" width="20">
<!-- 		   	   <p:commandButton id="editarCuestionario" oncomplete="wdgPerfilEscenarios.show();limpiaValidacionAlternativa();limpiaSeleccionadoEsc()" -->
			  <p:commandButton id="editarCuestionario" oncomplete="wdgPerfilEscenarios.show()"
              		icon="ui-icon-pencil" actionListener="#{administrarAlternativa.cargarEdicionAlternativa(fila)}"
                	update=":formularioPanel:usuarioModificacion,:formularioPanel:fechaModificacion,:formularioPanel:alternativa,:formularioPanel:descAdicional,
                	:formularioPanel:peso,:formularioPanel:hiddenIdAlternativa,:formularioPanel:panelEscenarios,:formularioPanel:regionModificacion" />
               <p:tooltip for="editarCuestionario" value="Editar" showEffect="fade" hideEffect="fade" />
			</p:column>
			<p:column  style="text-align:center" width="20">
				 <p:commandButton  id="btnEliminar" icon="ui-icon-close"  update=":formModalDialog:idItemEliminar" 
				  ajax="true" onclick="dlg1.show();" actionListener="#{administrarAlternativa.eliminarPregunta(fila)}"/>
				 <p:tooltip for="btnEliminar" value="Eliminar" showEffect="fade" hideEffect="fade" />
			</p:column>
			<p:column headerText="Ordenar"  style="text-align:center" width="45" >
			   <p:commandButton id="icoSubir" icon="ui-icon-arrowthick-1-n" ajax="true"
			   		actionListener="#{administrarAlternativa.accionSubir(fila)}"  update=":formPrincipal:tableAlternativas,:formPrincipal:panelAlternativas"/> 
               <p:tooltip for="icoSubir" value="Subir" showEffect="fade" hideEffect="fade" />  
               <p:commandButton id="icoBajar" icon="ui-icon-arrowthick-1-s" ajax="true" 
               		actionListener="#{administrarAlternativa.accionBajar(fila)}"  update=":formPrincipal:tableAlternativas,:formPrincipal:panelAlternativas"/> 
                <p:tooltip for="icoBajar" value="Bajar" showEffect="fade" hideEffect="fade" />
			</p:column>
        </p:dataTable>
        </h:panelGrid>
        <h:panelGrid width="100%" columns="3" >
	         <p:commandButton  value="Nuevo"  id="btnNuevo" 
		          icon="ui-icon ui-icon-document"  actionListener="#{administrarAlternativa.nuevaAlternativa}" 
		          update=":formularioPanel:usuarioModificacion,:formularioPanel:fechaModificacion,:formularioPanel:alternativa,
		          :formularioPanel:descAdicional,:formularioPanel:peso,:formularioPanel:hiddenIdAlternativa,:formularioPanel:panelEscenarios,
		          :formularioPanel:regionModificacion" oncomplete="wdgPerfilEscenarios.show();limpiaValidacionAlternativa()"/>
			  <p:spacer width="400" height="10" />
			  <p:commandButton style="text-align:right;" value="Cancelar"  id="btnCancelar" actionListener="#{administrarCuestionario.adminCuestionario}" 
					icon="ui-icon-cancel"/>
         </h:panelGrid>
      </h:panelGrid>
  </h:panelGrid>
</ui:define>	
<ui:define name="extraarea"> 
  <p:dialog id="basicDialog" header="Mensaje de Confirmacion" widgetVar="dlg1"  resizable="false"
      showEffect="fade"  modal="true" width="300">   
         <h:form id="formModalDialog">
           <h:panelGrid columns="1" id="idContentMainM">
              <h:panelGrid columns="1">
              <h:outputText value="¿Está seguro que desea eliminar la alternativa?"/>
              </h:panelGrid>
              <h:panelGrid columns="3">
              <p:commandButton value="Aceptar" oncomplete="dlg1.hide();" actionListener="#{administrarAlternativa.eliminar}"
              		update=":formPrincipal:tableAlternativas,:formPrincipal:panelAlternativas" icon="ui-icon-check" id="btnEliminar"/>  
              <p:spacer height="10px" width="70px"/>
              <p:commandButton value="Cancelar" icon="ui-icon-cancel" oncomplete="dlg1.hide()"/>       
              </h:panelGrid>
              <h:inputHidden value="#{administrarAlternativa.idItemEliminar}" id="idItemEliminar"/>  
              <h:outputText value="" ></h:outputText>
           </h:panelGrid>
           <p:blockUI block=":formModalDialog:idContentMainM" trigger=":formModalDialog:btnEliminar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Eliminando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
         </h:form>
 </p:dialog>
 <p:dialog header="Alternativas Perfil Escenarios" widgetVar="wdgPerfilEscenarios" resizable="false" id="panelPerfilEscenarios" 
     showEffect="fade"  modal="true">
     <h:form id="formularioPanel">
     <h:panelGrid id="idContentMainM">
     <h:panelGrid id="regionModificacion">
       <h:panelGrid columns="4"  rendered="#{administrarAlternativa.mostrarModificacion}">
			<h:outputText value="Usuario Modificación:" style="align-text:left" styleClass="texto"/>
			<h:panelGrid width="80px">
			  <h:outputText value="#{administrarAlternativa.usuarioModificacionAlternativa}" id="usuarioModificacion" 
			  	style="align-text:left;width:100px" styleClass="inputText"/>
			</h:panelGrid>
			<h:outputText value="Fecha Modificación:" style="align-text:left" styleClass="texto"/>
			<h:panelGrid width="80px">
			  <h:outputText value="#{administrarAlternativa.fechaModificacionAlternativa}" id="fechaModificacion" 
			  	style="align-text:left;width:100px" styleClass="inputText"/>
			</h:panelGrid>
	   </h:panelGrid>
     
     </h:panelGrid>
     <h:panelGrid columns="2" width="100%">
       <h:outputText value="Alternativa:" style="align-text:right" styleClass="texto"/>
       <h:panelGrid columns="2">
		 <h:inputText value="#{administrarAlternativa.alternativa}" id="alternativa" style="align-text:right" styleClass="textoArea"/>		
		 <h:outputText id="msjValAlternativa" value="*" styleClass="messages"/>
	   </h:panelGrid>
	   <h:outputText value="Descripción Adicional:" style="align-text:right" styleClass="texto"/>
	   <h:panelGrid columns="2">
		 <h:inputText value="#{administrarAlternativa.descAdicional}" id="descAdicional" style="align-text:right" styleClass="textoArea"/>										
		 <h:outputText id="msjValDescAdicional" value="*" styleClass="messages"/>
	    </h:panelGrid>
	    <h:outputText value="Peso:" style="align-text:right" styleClass="texto" rendered="#{administrarCuestionarioModel.idSeccion.value=='2'}"/>
		<h:panelGrid columns="2" rendered="#{administrarCuestionarioModel.idSeccion.value=='2'}">
			<h:inputText value="#{administrarAlternativa.peso}" onkeypress = "return CatchNonNumbers_(event,0,0,'.',this,0,3,this);" id="peso" 
				style="align-text:right" styleClass="texto"/>	
			<h:outputText id="msjValPeso" value="*" styleClass="messages"/>
		</h:panelGrid>
     </h:panelGrid>
     <h:outputText id="msjValidacion" styleClass="messages"/>
     <h:inputHidden id="hiddenIdAlternativa" value="#{administrarAlternativa.idAlternativa}"/>
     <h:panelGrid>
       <h:panelGrid id="panelEscenarios" width="100%">
         <p:fieldset legend="Escenarios" rendered="#{administrarCuestionarioModel.mostrarEscenarios}" toggleable="true" toggleSpeed="500">
           <h:panelGrid columns="5" width="100%">
	             <h:outputText value="Escenario:" style="align-text:right" styleClass="texto"/>
	             <p:selectOneMenu value="#{administrarAlternativa.idEscenario}" id="cmbEscenarios"  >
					<f:selectItems value="#{comboModel.listEscenarios}"  />
				 </p:selectOneMenu>
				 <h:outputText value="Valor:" style="align-text:right" id="valorEscenario" styleClass="texto"/>
	             <h:inputText value="#{administrarAlternativa.valorEscenario}" 
						onkeypress="return CatchNonNumbers_(event,1,1,'.',this,2,12,this);" id="txtValorEscenario"/>
	             <p:commandButton id="buttonMas" icon="ui-icon-plusthick" onclick="if(!validaValorSeleccionadoEsc()){return false;}" 
	              		update=":formularioPanel:tableEscenarios,:formularioPanel:txtValorEscenario,:formularioPanel:cmbEscenarios"
	                    actionListener="#{administrarAlternativa.agregarEscenario}" title="Agregar Escenario"/>
           </h:panelGrid>
           <h:outputText id="mensajeError" styleClass="messages"/>
           <p:spacer height="10" />
           <h:panelGrid id="panelEscenariosAdd" width="100%">
             <p:dataTable width="100%" id="tableEscenarios"  value="#{administrarCuestionarioModel.listaAlternativasEscenario}" 
                var="fila"  cellpadding="4" cellspacing="0" emptyMessage="">
                <p:column headerText="Escenarios"  >   
			         <h:outputText value="#{fila.DESCRIPCION}" styleClass="texto" />  
		        </p:column>
		        <p:column headerText="Valor"  >   
			            <h:outputText value="#{fila.VALOR}" styleClass="texto" />  
		        </p:column>
		        <p:column headerText="" >   
		        <p:commandButton actionListener="#{administrarAlternativa.eliminarEscenario(fila)}" update=":formularioPanel:panelEscenariosAdd" icon="ui-icon-close"  style="vertical-align: top"/>
		        </p:column>
             </p:dataTable>
           </h:panelGrid>
         </p:fieldset>
       </h:panelGrid>
       <h:panelGrid columns="4" >
           <p:spacer height="10px" width="100px"/>
           <p:commandButton  value="Guardar" icon="ui-icon-disk" update=":formPrincipal:panelAlternativas" id="btnGuardar"
	            onclick="if(!validaInsercionAlternativa()){return false;}" actionListener="#{administrarAlternativa.guardarAlternativa}"
	            oncomplete="wdgPerfilEscenarios.hide()"/>
           <p:spacer height="10px" width="100px"/>
		   <p:commandButton value="Cancelar"  icon="ui-icon-cancel" oncomplete="wdgPerfilEscenarios.hide()">  
           </p:commandButton>
        </h:panelGrid> 
     </h:panelGrid>
     </h:panelGrid>
     <p:blockUI block=":formularioPanel:idContentMainM" trigger=":formularioPanel:btnGuardar">
			<h:panelGrid columns="2">
				<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
				<h:outputText value="Guardando..." style="white-space: nowrap;" />
			</h:panelGrid>
		</p:blockUI>
     </h:form>             
 </p:dialog>
</ui:define>
</ui:composition>
</html>